<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reseter.css" />
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="g-container">
        <div class="rail">
            <div class="stamp four">4</div>
            <div class="stamp zero">0</div>
            <div class="stamp four">4</div>
            <div class="stamp four">4</div>
            <div class="stamp zero">0</div>
            <div class="stamp four">4</div>
            <div class="stamp four">4</div>
            <div class="stamp zero">0</div>
            <div class="stamp four">4</div>
            <div class="stamp four">4</div>
            <div class="stamp zero">0</div>
            <div class="stamp four">4</div>
            <div class="stamp four">4</div>
            <div class="stamp zero">0</div>
            <div class="stamp four">4</div>
            <div class="stamp four">4</div>
            <div class="stamp zero">0</div>
            <div class="stamp four">4</div>
            <div class="stamp four">4</div>
            <div class="stamp zero">0</div>
        </div>
        <div class="world">
            <div class="forward">
                <div class="box">
                    <div class="wall"></div>
                    <div class="wall"></div>
                    <div class="wall"></div>
                    <div class="wall"></div>
                    <div class="wall"></div>
                    <div class="wall"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="g-to">
        <p>Maybe you want to go:</p>
        <div class="go-btn-box">
            <a href="/" class="svg-border-animation" target="_blank" rel="noopener noreferrer">
                <svg viewBox="0 0 80 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <rect class="shape" height="32" width="80"></rect>
                </svg>
                <div class="hover-text">Home</div>
            </a>
            <a href="https://www.eveningwater.com/my-web-projects/" class="svg-border-animation" target="_blank" rel="noopener noreferrer">
                <svg viewBox="0 0 80 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <rect class="shape" height="32" width="80"></rect>
                </svg>
                <div class="hover-text">Projects</div>
            </a>
            <a href="https://eveningwater.github.io/ew-color-picker/" class="svg-border-animation" target="_blank" rel="noopener noreferrer">
                <svg viewBox="0 0 80 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <rect class="shape" height="32" width="80"></rect>
                </svg>
                <div class="hover-text">ewColorPicker</div>
            </a>
            <a href="https://www.eveningwater.com/vue-resume/vue3.0/" class="svg-border-animation" target="_blank" rel="noopener noreferrer">
                <svg viewBox="0 0 80 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <rect class="shape" height="32" width="80"></rect>
                </svg>
                <div class="hover-text">Resume</div>
            </a>
        </div>
    </div>
    <footer>
        <p>Copyright @2020 - 2021 all rights reserved eveningWater</p>
    </footer>
</body>
</html>